.top-fixed {
	width: 100%;
	position: fixed;
	top: 0;
	left: 0;
	z-index: 8;
	background-color: #ffffff;
	height: 330upx;
}
.swiper-box {
   height: calc(100vh - 330upx) !important;
   box-sizing: content-box;
   background-color: #F6F6F6;
   padding-top: 340upx;
}
.list-box {
	box-sizing: border-box;
	padding: 30upx 20upx 0 20upx;
	// min-height: calc(100vh - 330upx);
	background-color: #F6F6F6;
		
	>view:not(:last-child) {
		margin-bottom: 31upx;
	}
	>view {
		box-sizing: border-box;
		padding: 32upx 0;
		background-color: #fff;
		border-bottom: 1px solid #F4F4F4;
		border-radius: 20upx;
		.status-btn {
			display: flex;
			justify-content: flex-end;
			margin-top: 26upx;
			box-sizing: border-box;
			padding: 32upx 20upx 0 20upx;
			border-top: 1px solid #F6F6F6;
			>view {
				height: 60upx;
				width: 180upx;
				box-sizing: border-box;
				background-color: #0B59E0;
				font-size: 28upx;
				color: #fff;
				display: flex;
				align-items: center;
				justify-content: center;
				border-radius: 30upx;
			}
		}
		>.conts {
			box-sizing: border-box;
			padding: 23upx 30upx 24upx 30upx;
			display: flex;
			align-items: center;
			>image {
				width: 162upx;
				height: 162upx;
				margin-right: 33upx;
				border-radius: 15upx;
			}
			>view {
				flex: 1;
				>view:nth-of-type(1) {
					font-size: 28upx;
					color: #000000;
					font-weight: 500;
					margin-bottom: 22upx;
					white-space: nowrap;
					overflow: hidden;
					text-overflow: ellipsis;
					max-width: 440upx;
				}
				>view:nth-of-type(2) {
					font-size: 26upx;
					color: #B1B1B1;
				}
				>.infosd {
					display: flex;
					align-items: center;
					justify-content: space-between;
					margin-top: 53upx;
					flex: 1;
					>text {
						font-size: 28upx;
						color: #000000;
						font-weight: 400;
					}
					>view {
						display: flex;
						align-items: center;
						>text {
							font-size: 24upx;
							color: #969696;
							text-decoration-line: line-through;
						}
						>view {
							display: flex;
							align-items: flex-end;
							>text {
								font-size: 24upx;
								color: #E50000;
								margin-bottom: 3upx;
							}
							>view {
								font-size: 32upx;
								color: #E50000;
							}
						}
					}
				}
			}
		}
		.moren-data {
			display: flex;
			align-items: center;
			justify-content: space-around;
			>view {
				display: flex;
				align-items: center;
				flex: 1;
				>view {
					width: 12upx;
					height: 12upx;
					border-radius: 50%;
					background: #D8D8D8;
					margin-right: 16upx;
					flex-shrink: 0;
				}
				>text {
					font-size: 26upx;
					color: #333333;
					line-height: 40upx;
				}
			}
			>text {
				font-size: 22upx;
				color: #999999;
				margin-left: 40upx;
			}
		}
		.head {
			display: flex;
			align-items: center;
			justify-content: space-between;
			margin-bottom: 22upx;
			box-sizing: border-box;
			padding: 0 30upx;
			>view {
				display: flex;
				align-items: center;
			}
			>view:nth-of-type(1) {
				flex: 1;
				min-width: 0;
				>image {
					width: 70upx;
					height: 70upx;
					margin-right: 10upx;
					flex-shrink: 0;
				}
				>view {
					flex: 1;
					display: flex;
					flex-direction: column;
					min-width: 0;
					>text {
						flex: 1;
						font-size: 26upx;
						color: #333333;
						margin-bottom: 15upx;
					}
					>view {
						font-size: 24upx;
						color: #777777;
					}
				}
			}
			>view:nth-of-type(2) { 
				margin-left: 40upx;
				>view {
					font-size: 26upx;
					color: #E10000;
				}
				>image {
					width: 14upx;
					height: 24upx;
					margin-left: 12upx;
				}
			}
		}
	}
}
.searchs {
	box-sizing: border-box;
	padding: 0 32upx;
	position: relative;
	z-index: 4;
	.tabs {
		display: flex;
		align-items: center;
		box-sizing: border-box;
		padding: 0 70upx;
		justify-content: space-between;
		>view {
			font-size: 28upx;
			color: #666666;
			>view {
				position: relative;
				display: inline-block;
				box-sizing: border-box;
				padding: 16upx 0;
				>view {
					width: 100%;
					height: 8upx;
					bottom: 0;
					left: 0;
					background: #023F92;
					position: absolute;
					border-radius: 10upx;
					animation: fadeInLeft 0.2s;
				}
			}
		}
		.active {
			font-size: 34upx !important;
			color: #333333 !important;
		}
	}
	.search-row {
		width: 100%;
		height: 68upx;
		margin-bottom: 14upx;
		background: #ffffff;
		border-radius: 60upx;
		display: flex;
		align-items: center;
		justify-content: center;
		box-sizing: border-box;
		box-shadow: 0px 8px 10px 0px rgba(0, 0, 0, 0.06);
		padding: 0 28upx;
		margin-top: -40upx;
		input {
			flex: 1;
			font-size: 28upx;
		}
		>image {
			width: 32upx;
			height: 32upx;
			margin-left: 30upx;
		}
	}
}
.user-info {
	width: 100%;
	height: 224upx;
	position: relative;
	>image {
		width: 100%;
		height: 100%;
	}
	>view {
		position: absolute;
		width: 100%;
		height: 100%;
		left: 0;
		top: 0;
		z-index: 4;
		box-sizing: border-box;
		padding: 40upx 32upx 0 32upx;
		>view {
			display: flex;
			align-items: center;
			justify-content: space-between;
			>view {
				display: flex;
				align-items: center;
			}
			>view:nth-of-type(1) {
				flex-shrink: 0;
				min-width: 0;
				flex: 1;
				>image {
					width: 104upx;
					height: 104upx;
					margin-right: 18upx;
				}
				>view {
					flex: 1;
					text {
						font-size: 40upx;
						color: #FFFFFF;
					}
					view {
						font-size: 24upx;
						margin-top: 14upx;
						color: #ffffff;
					}
					.red {
						color: red !important;
					}
				}
			}
			>view:nth-of-type(2) {
				margin-left: 30upx;
				>text {
					font-size: 24upx;
					color: #FFFFFF;
					margin-right: 10upx;
				}
				>image {
					width: 13upx;
					height: 23upx;
					transform: rotate(180deg);
				}
			}
		}
	}
}
.supplier-pad {
	height: calc(100vh - 330upx);
	display: flex;
	align-items: center;
	justify-content: center;
}